<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" name="viewport">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<title>来电</title>
<script src="/static/bootstrap-3.3.5-dist/jquery.min.js"></script>
<script type="text/javascript" src="http://res.wx.qq.com/open/js/jweixin-1.0.0.js"></script>
<script src="/static/js/pingpp_pay.js" type="text/javascript"></script>
<!-- <link rel="stylesheet" type="text/css" href="/static/css/common.css"> -->
<script type="text/javascript" src="/static/js/common.js"></script>
<!-- <link rel="stylesheet" type="text/css" href="/static/css/borrow.css"> -->
<link rel="stylesheet" type="text/css" href="/static/css/borrow.min.css">
<!-- <script src="/static/js/borrow.min.js"></script> -->
<script src="/static/js/borrow.js?v=1"></script>
</head>
<body>
	<input type="hidden" class="access_token" value="${access_token}" />
	<div class="charge-borrow">
		<div class="title">
			<p class="shortMoney"></p>
			<hr/>
			<p class="describe">
				<span class="money"></span>
				&nbsp;&nbsp;
				<span class="preMoney"></span>
			</p>
			<hr/>
			<img src="/static/images/table-view-icon.png"><span>归还充电宝后，押金可随时提现</span>
		</div>
		<div class="content">
			<img src="/static/images/table-view-icon2.png"><span>借出充电宝时长资费说明&nbsp;&nbsp;请详细阅读计费标准</span>
			<table cellspacing="0">
				<tr class="table-title">
					<td>
						服务类型
					</td>
					<td class="free-title borrow-pay-title">
						免费时长
					</td>
					<td class="hour-pay-title">
						超时租借
					</td>		
					<td class="max-pay-title">
						计费上限
					</td>						
				</tr>	
				<tr>
					<td>
						普通用户
					</td>
					<td class="free-font gratis-time">
						2小时/次
					</td>
					<td class="hour-pay">
						1.0元/小时
					</td>
					<td class="max-pay">
						10元/天
					</td>												
				</tr>
				<tr>
					<td>
						会员用户
					</td>
					<td class="free-font vip-gratis-time">
						2小时/次
					</td>
					<td class="vip-hour-pay">
						0.5元/小时
					</td>
					<td class="vip-max-pay">
						5元/天
					</td>											
				</tr>						
			</table>
			<p class="annotation">超期费用在押金里面扣除，无需另外充值。</p>
		</div>
		<button class="laidianButton charge-button">确认支付</button>
		<button class="laidianButton borrow-button">知道了！</button>
	</div>
	<div class="buy-line">
		<div class="title">
			<p class="font1">首次租借送数据线1条</p>
			<p class="font2">请选择数据线类型</p>
		</div>

		<div class="table-view-row type-c">
			<img class="buy-icon" src="/static/images/Type-C-icon.png"><span class="buy-text">USB Type-C线</span>
		</div>
<!-- 		<div class="table-view-row iphone4">
			<img src="/static/images/iphone-icon.png"><span>iPhone 4/4s线</span>
		</div> -->
		<div class="table-view-row android">
			<img class="buy-icon" src="/static/images/Android-icon.png"><span class="buy-text">Android线</span>
			<div class="discount">
				<img class="discount-icon" src="/static/images/discount-ico.png"><span class="discount-text">5折</span>
			</div>
		</div>
		<div class="table-view-row iphone5">
			<img class="buy-icon" src="/static/images/iphone-icon.png"><span class="buy-text">iPhone 5/5s/6/6P/6s线</span>
			<div class="discount">
				<img class="discount-icon" src="/static/images/discount-ico.png"><span class="discount-text">5折</span>
			</div>		
		</div>
		<div class="table-view-row next-buy">
			<img class="buy-icon" src="/static/images/go-back-icon.png"><span class="buy-text">暂时不需要，下次再用</span>
		</div>		
		<p class="describe">
			注：数据线属于便携式，长度约150mm数据线无需归还
		</p>						
	</div>
	<div class="pop">
		<div class="pop-tag" >
			<div class="pop-point" style="display:none">
				<img src="/static/images/right-icon.png">
				<p>借入成功</p>
			</div>

			<div class="pop-teach" style="display:none">
				<div class="teach1">
					<img src="/static/images/teach-icon1.png">
					<p>点击设备屏幕上的[<span style="color:#00CEFC">借</span>]</p>
				</div>
				<img class="teach-to" src="/static/images/teach-to-icon.png">
				<div class="teach2">
					<img src="/static/images/teach-icon2.png">
					<p>再次扫码[<span style="color:#00CEFC">二维码</span>]</p>
				</div>
			</div>

			<div class="pop-loding" style="display:none">
				<div class="loding1"></div>
				<div class="loding2"></div>
				<div class="loding3"></div>
			</div>
			
			<p class="pop-content1" style="display:none">请输入11位有效手机号码</p>
			<p class="pop-content2" style="display:none">为保障账号安全，请先绑定您的手机。</p>
			<div class="pop-button-group" style="display:none">
				<button class="pop-button1" >取消</button>
				<button class="pop-button2" >重试</button>
			</div>	
			<button class="pop-button3" style="display:none">知道啦！</button>
		</div>

		<div class="pop-tag-bg">
			
		</div>
	</div>
</body>
</html>